<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录</title>
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/login.css" />
	</head>
	<body>
		<!-- 左边 -->
		<section id="leftBox">
			<a href="./index.html"><img src="../images/login-bg.png" alt="" /></a>
		</section>
		<!-- 右边 -->
		<section id="rightBox">
			<div id="login">
				<div class="flex-c-c">
					<a href="./index.html"
						><img src="../images/loginlogo.png" alt=""
					/></a>
				</div>
				<!-- 登录选项卡 -->
				<ul id="chose">
					<li id="loginA" class="active">账号登录</li>
					<i>|</i>
					<li>扫码登录</li>
				</ul>
				<!-- 选项卡 -->
				<div class="loginCont">
					<!-- 登录表单 -->
					<label data-content="你好"
						><input id="username" type="text" placeholder="用户名/手机号/邮箱"
					/></label>
					<label
						><input id="password" type="password" placeholder="密码"
					/></label>
					<button id="btn">登录</button>
					<p>
						还没有源码账号, <a href="./register.html">立即注册</a>
						<i></i>
					</p>
				</div>
				<div class="loginCont">
					<div id="loginB">
						<img src="../images/showqrcode.jpg" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众,请先登录后关注</p>
					</div>
					<p>
						还没有源码账号, <a href="./register.html">立即注册</a>
						<i></i>
					</p>
				</div>
			</div>
		</section>

		<script src="../js/util.js"></script>
		<script src="../js/login.js"></script>
	</body>
</html>
